<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
        content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
    <title>哆啦A梦</title>
    <link rel="stylesheet" href="./style.css">
</head>

<body>
    <div class="dora">
        <div class="head1">
            <div class="eye eye-left"></div>
            <div class="eye eye-right"></div>
            <div class="head2">
                <div class="nose"></div>
                <div class="mouthup"></div>
                <div class="beard">
                    <div class="beardup beard-left"></div>
                    <div class="beardup beard-right"></div>
                    <div class="beardmiddle beard-left"></div>
                    <div class="beardmiddle beard-right"></div>
                    <div class="bearddown beard-left"></div>
                    <div class="bearddown beard-right"></div>
                </div>
                <div class="lipbox">
                    <div class="lip lip-left">
                        <div class="shutter shutter-left"></div>
                    </div>
                    <div class="lip lip-right">
                        <div class="shutter shutter-right"></div>
                    </div>
                </div>
                <div class="mouth">
                    <div class="mouthinside">
                        <div class="tongue"></div>
                    </div>
                </div>
            </div>
            <div class="neck">
                <div class="bell">
                    <div class="rect"></div>
                    <div class="circle"></div>
                    <div class="thread"></div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>